<template>
    <!-- <div class="moduleAddComIcon" @click="add">
        <div class="add_wrap">
            <div class="add_icon">
                <view class="iconfont icontianjia"></view></div>
            <div class="add_text">{{ addText }}</div>
        </div> 
    </div>-->
</template>

<script>
export default {
	name: 'add-com-icon',
	data() {
		return {}
	},
	props: {
		addText: {
			type: String,
			default: '添加文章'
		}
	},
	methods: {
		add() {
			this.$emit('add')
		}
	}
}
</script>

<style lang="scss" scoped>

.moduleAddComIcon {
    position: fixed;
    right: 36px;
    bottom: 170px;
    width: 90px;
    height: 90px;
    border: 2px solid #fff;
    border-radius: 50%;
    // background-color: $mainColor;
    background: linear-gradient(180deg, #FFEC6E, #FFD11B);
    box-shadow: 0 0 10px #eee;
    .add_wrap {
        position: relative;
        width: 100%;
        height: 100%;
        color: $auxiliaryColor1;
        .add_icon {
            width: 100%;
            height: 100%;
            text-align: center;
            @include direction(center, center);
            .icontianjia {
                font-size: 40px;
                font-weight: 700;
            }
        }
        .add_text {
            position: absolute;
            left: -8px;
            bottom: -8px;
            width: 106px;
            text-align: center;
            background-color: $mainColor;
            box-shadow: 0 2px 10px #eee;
            border-radius: 4px;
        }
    }
}
</style>
